/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #0077be;
  --ifm-color-primary-dark: #005fa3;
  --ifm-color-primary-darker: #004c87;
  --ifm-color-primary-darkest: #003c6b;
  --ifm-color-primary-light: #0093e8;
  --ifm-color-primary-lighter: #00a3ff;
  --ifm-color-primary-lightest: #00baff;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

body, h2, h3, h4, h5, h6 {
  font-family: "Fira Sans", -apple-system, sans-serif;
}

h1 {
  font-family: 'Alfa Slab One', serif;
  font-weight: 300;
}

article h1 {
  padding: 25px 30px 0 5px;
  width: 100%;
  word-wrap: break-word;
}

h2 {
  font-weight: 600;
}

h3, h4, h5, h6 {
  font-weight: 500;
}

.navbar__brand b {
  font-family: 'Alfa Slab One', serif;
  font-weight: 300;
  font-size: 30px;
}

footer.footer--dark {
  background-color: #2a3439;
}
